import "../../style/mapSignV2.less";
import React, { Component } from "react";
import { withRouter } from "react-router-dom";
import {inject, observer} from 'mobx-react';
import MapView from './MapView';
import LocationInfo from './LocationInfo';
import SignBtn from './SignBtn';
import { Tools } from 'weaver-mobile';

const getLabel = Tools.getLabel;

@inject('signStoreV2')
@withRouter
@observer
export default class OutsideSign extends Component {
  componentDidMount(){
    document.title = getLabel('513098','考勤打卡');
  }

  render() {
    const {signStoreV2: store} = this.props;
    return (
      <div className="mapSignV2">
        <MapView store={store} />
        <LocationInfo store={store} />
        <SignBtn store={store} />        
      </div>
    )
  }
}